// // 竖向滚动条
// .is-scroll-right::-webkit-scrollbar,
// .is-scroll-left::-webkit-scrollbar,
// .el-scrollbar::-webkit-scrollbar {
//     width: 40px;
//     height: 8px !important;
// }
// /*滚动条的背景区域的内阴影*/
// .el-scrollbar::-webkit-scrollbar-track {
//     //  box-shadow:0px 1px 3px rgba(0,0,0,0.3) inset;
//      /*滚动条的背景区域的圆角*/
//      border-radius: 10px;  
//      /*滚动条的背景颜色*/
//      background-color: #ddd;
// }
// /*滑块 滚动条的内阴影*/
// .is-scroll-right::-webkit-scrollbar-thumb,
// .is-scroll-left::-webkit-scrollbar-thumb,
// .el-scrollbar::-webkit-scrollbar-thumb {
//     box-shadow:0px 1px 3px rgba(0,0,0,0.3) inset;
//     background-color:#FF6C60;
//     border-radius: 4px;
// }

// // 横向滚动条
// ::-webkit-scrollbar:horizontal {
//     width:0;
//     height:10px !important;
// }
// ::-webkit-scrollbar-track:horizontal {
//     background-color:#fff;
// }





/*修改滚动条样式*/
::-webkit-scrollbar {
  //滚动条整体部分
  width: 5px;
  height: 5px;
  /**/
}

::-webkit-scrollbar-track {
  //滚动条的轨道（里面装有Thumb）
  background: rgb(239, 239, 239);
  border-radius: 2px;
}

::-webkit-scrollbar-thumb {
  //滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
  background: #bfbfbf;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #666;
}

::-webkit-scrollbar-corner {
  //边角，即两个滚动条的交汇处
  background: #179a16;
}

//   ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
// ::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）

// ::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
